@charset "utf-8";

/* 全局变量 */
$borderColor: '#ccc';

/* 处理函数 */
@function rem($val) {
  @return ($val/2/20)+rem;
}

/* 公共样式 */
.font-base-28{
  font-size: rem(28);
}
.font-base-24{
  font-size: rem(24);
}
.font-base-22{
  font-size: rem(22);
}
.bd0{
  border: 0 !important;
}
.pd-lf{
  padding: 0 rem(38);
}
.c-r{
  color: #e90808;
}
.btn{
   width: 90%;
   height: rem(86);
   line-height: rem(86);
   font-size: rem(30);
   display: block;
   margin: auto;
   text-align: center;
   border-radius: 10px;
   color: #ffffff;
   border: 0;
   align-self: center;
}
.btn-mt{
  margin-top: rem(72);
  margin-bottom: rem(30);
}
.btn-blue{
  background: #2a8fff;
}
.btn-orange{
  background: #ff8c1b;
}

/* 群组样式 */
.order-info,
.order-shop{
  line-height: 1;
}

/* 确认订单页 */
.order-info{
  border-bottom: rem(20) solid #f5f5f5;
  background: url("../img/jbian.png") bottom repeat-x;
}
.order-info-name{
  padding: rem(30) 0 rem(19);
  color: #666;
  display: flex;
  justify-content: space-between;
}
.order-info-address{
  padding-bottom: rem(49);
  color: #666;
  display: flex;

  img{
    align-self: center;
  }
  > :first-child{
    width: rem(32);
    height: rem(32);
  }
  span{
    line-height: 1.5;
    margin: 0 .5rem;
  }
  > :last-child{
    position: relative;
    right: -.2rem;
  }
}

.order-shop-box{
  margin-bottom: rem(98);
}
.order-shop-name{
  line-height: rem(88);
  display: flex;

  img{
    align-self: center;
  }
  > :first-child{
    width: 3rem;
    height: 1.5rem;
  }
  > :last-child{
    width: .6rem;
  }
}
.order-shop-goods{
  background: #f5f5f5;
  padding-top: rem(27);

  .order-goods-item{
    display: flex;
    padding-bottom: rem(27);
  }
  ul{
    flex: 1;
  }
  img{
    width: rem(142);
    height: rem(142);
    margin-right: rem(21);
  }
}
.order-goods-name{
  display: flex;
  justify-content: space-between;

  > :first-child {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: rem(58);
    line-height: 1.25;
    margin-right: rem(75);
  }
}
.order-goods-type{
  margin-top: rem(21);
}
.order-goods-number{
  text-align: right;
  margin-top: rem(23);
}

.order-shop-config{
  color: #666;
  border-bottom: rem(10) solid #f5f5f5;

  span{
    white-space: nowrap;
  }
  input{
    height: 100%;
    font-size: inherit;
  }
  input::-webkit-input-placeholder{
    color: #666;
  }
  > div,ul{
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: rem(42) rem(38);
  }
  ul{
    justify-content: space-between;

    > :last-child{
      flex: 1;
      text-align: right;
    }
  }
  > :last-child{
    display: block;
    text-align: right;
    border-bottom: 0;

    .money1{
      font-size: rem(22);
    }
  }
  .order-btn-public{
    float: right;
  }
  .order-btn-public:first-of-type{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background: url("../img/jianOrder.png") no-repeat center/65%;
  }
  .order-btn-public:last-of-type{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: url("../img/jiaOrder.png") no-repeat center/65%;
  }
  .order-btn{
    width: .7rem;
    height: .7rem;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .order-btn-number{
    width: 1rem;
    height: .7rem;
    text-align: center;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    font-size: .3rem;
    line-height: .7rem;
    float: right;
  }
}

.order-foot{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: rem(98);
  line-height: rem(98);
  background: #fff;
  border-top: 1px solid #ccc;
  text-align: right;

  a{
    display: inline-block;
    width: rem(204);
    height: 100%;
    text-align: center;
    font-size: rem(30);
    color: #fff;
    background: #ef0b21;
  }
  .c-r{
    font-size: rem(26);
  }
  .money1{
    font-size: rem(22);
  }
}

/* 华猫收银台 */
.center-account{
  background: #fff;
}
.pay{
  padding-top: rem(81);
  text-align: center;
  line-height: 1;
  border-top: rem(20) solid #f5f5f5;

  img{
    margin: auto;
    width: rem(200);
    height: rem(200);
  }
  .payTxt{
    font-size: rem(36);
    padding: rem(30) 0;
  }
}